<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="media/css/style.css">
        <script src="media/js/jquery-1.4.2.min.js"></script>
        <script src="media/js/jquery.corner.js"></script>
        <script src="media/js/jquery.imgr.js"></script>
        <script src="media/js/jquery.curvycorners.source.js"></script>
        <!--conditional comments -->
		<script>
            $(document).ready(function(){
            	// new 
            	 settingTitle = {
           	          tl: { radius: 0 },
           	          tr: { radius: 0 },
           	          bl: { radius: 8 },
           	          br: { radius: 8 },
           	          autoPad: true,
           	          validTags: ["div"]
           	      }
            	  $('.content-form').corner(settingTitle);
            });            
        </script>
        <title>Mẹ và bé</title>
    </head>
    <body>
        <div class="body-content">
            <div>
                <img alt="" src="media/images/banner.png" />
            </div>
        </div>
        <!-- menu -->
        <div class="menu">
            <div class="menu navi">
                <ul>
                    <li><a href="#">Trang chủ</a></li>
                    <li class="icon-menu"><img alt="" src="media/images/icon_menu.png"> </li>
                    <li><a href="#">Giới thiệu</a></li>
                    <li class="icon-menu"><img alt="" src="media/images/icon_menu.png"> </li>
                    <li><a href="#">Tin tức nổi bật</a></li>
                    <li class="icon-menu"><img alt="" src="media/images/icon_menu.png"> </li>
                    <li><a href="#">Thông tin ngày hội</a></li>
                    <li class="icon-menu"><img alt="" src="media/images/icon_menu.png"> </li>
                    <li><a href="#">Tham gia ngày hội</a></li>
                    <li class="icon-menu"><img alt="" src="media/images/icon_menu.png"> </li>
                    <li><a href="#">Dịch vụ</a></li>
                    <li class="icon-menu"><img alt="" src="media/images/icon_menu.png"> </li>
                    <li><a href="#">Liên hệ</a></li>
                </ul>
            </div>
        </div>
        <div class="clear_div"></div>
        <!-- content middel -->
        <table class='content-middle' align='center'>
            <tr>
                <td style="padding-right: 10px;">
                    <!-- content -->
                    <h2 class="title-master">Liên hệ</h2>
                    <hr>       
                    <div class="contact-content">
                    	<h3>Công ty Đông Nam</h3>
                    	<div><b>Địa chỉ</b> : 123 Lê Hồng Phong</div>
                    	<div><b>Điện thoại</b> : (08) 383838383</div>
                    	<div><b>Fax</b> : (08) 383838383</div>
                    	<div><b>Email</b> : (08) 383838383</div>
                    	<div><b>Website</b> : www.mevabe.com.vn</div>
                    </div>
                    <div class="map_contact">
                    	<div id="map_canvas"></div>
                    </div>
                    <h2 class="title-master">Liên hệ trực tuyến</h2>
                    <hr>                    
                    <div class="news-content">
                    	<div class="form-register">
                    		<form>
                    			<div class="content-form">
                    				<img alt="" src="media/images/form_contact.png">
                    				<table cellpadding="0" cellspacing="0">
                    					<tr>
                    						<td>Họ tên</td>
                    						<td ><div class="input-corner"><input type="text" /></div></td>
                    						<td>Địa chỉ</td>
                    						<td ><input type="text" /></td>
                   					</tr>
                    					<tr>
                    						<td>Email</td>
                    						<td><input type="text" /></td>
                    						<td>Điện thoại</td>
                    						<td><input type="text" /></td>
                    						
                    					</tr>
                    					
                    					<tr>
                    						<td colspan="6">Nội dung</td>
                    					</tr>
                    					<tr>
                    						<td colspan="4"><textarea rows="" cols=""></textarea> </td>
                    					</tr>
                    					<tr>
                    						<td colspan="6" style="text-align: right;">
                    							<span id="btnReset">Làm lại</span>
												<span id="btnSave">Gửi</span>
                    						</td>
                    					</tr>
                    				</table>
                    			</div>
                    		</form>
                    	</div>
                    </div>
                </td>
            </tr>
        </table>
        <!--footer-->
        <div class="footer-bg">
            <table class='content-middle' align="center">
                <tr>
                    <td colspan="2" class="footer">
                        <div class="footer-box">
                            <h4>Đơn vị chỉ đạo</h4>
                            <div class="footer-box-content">
                                <span class="images">
                                    <img src="media/images/phunu.png" width="60" />
                                </span>
                                <span>Hội liên hiệp phụ nữ TPHCM</span>
                            </div>
                            <div class="footer-box-content">
                                <span class="images">
                                    <img src="media/images/hoiquangcao.png" width="60" />
                                </span>
                                <span> Hội quảng cáo TPHCM</span>
                            </div>
                        </div>
                        <!-- to chuc-->
                        <div class="footer-box">
                            <h4>Tổ chức</h4>
                            <div class="footer-box-content">
                                <span class="images">
                                    <img src="media/images/tochuc.png" width="160" />
                                </span>
                            </div>                        
                        </div>
                        <!-- Don vi phoi hop thuc hien-->
                        <div class="footer-box">
                            <h4>Đơn vị phối hợp thực hiện</h4>
                            <div class="footer-box-content">
                                <span class="images">
                                    <img src="media/images/thuchien.png" width="60" />
                                </span>
                                <span> Trung tâm dinh dưỡng TPHCM </span>
                            </div>
                            <div class="footer-box-content">
                                <span style="width: 150px;"> Trung tâm chăm sóc sức khỏe sinh sản TPHCM </span>
                            </div>
                        </div>
                        <!-- Don vi bao tro thong tin-->
                        <div class="footer-box">
                            <h4>Đơn vị bảo trợ thông tin</h4>
                            <div class="footer-box-content">
                                <span class="images">
                                    <img src="media/images/baotro.png" width="160" />
                                </span>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <!-- google Map -->
<script src="http://maps.googleapis.com/maps/api/js?v=3.4&sensor=true" type="text/javascript"></script>
    <script type="text/javascript">

    var map = null;
    var geocoder = null;

    function initialize() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 14);
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());

        geocoder = new GClientGeocoder();
      }
    }

    function showAddress(address) {
      if (geocoder) {
        geocoder.getLatLng(
          address,
          function(point) {
            if (!point) {
              alert(address + " load maps have problem");
            } else {
              map.setCenter(point, 15);
              var marker = new GMarker(point);
              map.addOverlay(marker);

              // As this is user-generated content, we display it as
              // text rather than HTML to reduce XSS vulnerabilities.
              marker.openInfoWindow('207 <br/>' +   address);
            }
          }
        );
      }
    }
	initialize();
    showAddress('112/21 bach ');
	//showAddress('189 Hai Bà Trưng Quận 1');
    </script>        
    </body>
</html>
